<template>
  <div id="app">
    <!-- <Nav /> -->
    <sgj-nav v-if="munuList.includes($route.path)"/>
    <Nav v-else/>
    <router-view />
    <Footer />
    <!-- <theme-picker /> -->
  </div>
</template>

<script>
// import ThemePicker from "@/components/ThemePicker";
import Nav from "@/components/Nav/index.vue";
import sgjNav from "@/components/Nav/sgjNav.vue";
import Footer from "@/components/Footer/index.vue";
export default {
  name: "App",
  components: { Nav, Footer,sgjNav },
  data() {
    return {
      munuList: [
        "/sgj-index",
        "/resource-sharing",
        "/developer-forum",
        "/project-construction",
        "/knowledge-base",
      ],
    };
  },
   created() {
   console.log(this.$route.path,'===')
  },
  metaInfo() {
    return {
      title:
        this.$store.state.settings.dynamicTitle &&
        this.$store.state.settings.title,
      titleTemplate: (title) => {
        return title
          ? `${title} - ${process.env.VUE_APP_TITLE}`
          : process.env.VUE_APP_TITLE;
      },
    };
  },
};
</script>
<style scoped>
#app .theme-picker {
  display: none;
}
</style>
